<template>
<div class="enterprise-info">
    <span class="yellow-block"></span>
    <span>{{title}}</span>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const props = defineProps({
  title: {
    type: String,
    default: '标题',
  },
});

</script>

<style scoped>
    .enterprise-info {
      display: flex; /* 开启 flex 布局 */
      align-items: center; /* 垂直居中（可选，根据需求调整） */
          font-weight: 600;
    font-size: 16px;
      color: #000;
      margin-bottom: 10px;
    }
    .yellow-block {
      width: 6px; /* 色块宽度，可按需调整 */
      height: 16px; /* 色块高度，匹配文字排版 */
      background-color: #F78041; /* 黄色色块 */
      margin-right: 8px; /* 与文字的间距 */
      color: rgba(0, 0, 0, 0.88);

    }
</style>



